<template>
	<!-- 一条打卡记录的详细展示 -->
	<!--  -->
	<view class="card-wrapper" v-bind:class="[info.statClockState ? 'abnormal':'normal' ]">
		<view class="my-sub-title"style="margin-top: 20rpx;">{{ info.clockTime }}</view>
		<u-collapse>
			<u-collapse-item style="margin-top: -60rpx;">
				<u-line color="#d4d4d4" style="margin-bottom: 20rpx;" />
				<view>打卡时间: {{ info.clockTime }}</view>
				<view>打卡体温: {{ info.clockTemp }}</view>
				<view style="color: #000000; font-weight: 600;">
					同时具有发烧、咳嗽、呼吸苦难三种症状 &nbsp;
					{{ info.clockIsAbnormal?'是':'否' }}
				</view>
				<view>打卡地点:{{ info.clockLocation }}</view>
				<view>
					疫苗接种情况:
					{{ info.clockVaccineTime }} 
					{{ info.clockVaccineDose }}
				</view>
				<view>
					近两周与确诊、疑似病例密切接触:&nbsp; 
					{{ info.clockIsIntimate?'是':'否' }}
				</view>
				<view>
					紧急联系人:
					{{ info.clockTel }}
				</view>
			</u-collapse-item>
		</u-collapse>
	</view>
</template>

<script>
	export default {
		props: {
			info: Object
		},
		data() {
			return {
				// "clockTime": "2021-06-26 13:09:28",
				// "statClockState": true,
				// "clockTemp": 36.0,
				// "clockIsAbnormal": false,
				// "clockLocation": "北京市-北京市-东城区",
				// "clockVaccineDose": 1,
				// "clockVaccineTime": "2021-06-10 00:00:00",
				// "clockIsIntimate": true,
				// "clockTel": "13018994001"
			}
		}
	}
</script>

<style scoped>
	
	
</style>
